Hệ thống đặt hàng thực phẩm trong Php
1 <?php
2 session_start();
3 if(isset($_SESSION['admin_sid']) || isset($_SESSION['customer_sid']))
4 {
5 header("location:index.php");
6 }
7 else{
8 ?>
9 <!DOCTYPE html>
10 <html lang="en">
11 <head>
12 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
13 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
14 <meta http-equiv="X-UA-Compatible" content="IE=edge">
15 <meta name="msapplication-tap-highlight" content="no">
16 <title>Register</title>
17
18 <!-- Favicons-->
19 <link rel="icon" href="images/favicon/favicon-32x32.png" sizes="32x32">
20 <!-- Favicons-->
21 <link rel="apple-touch-icon-precomposed" href="images/favicon/apple-touch-icon-152x152.png">
22 <!-- For iPhone -->
23 <meta name="msapplication-TileColor" content="#00bcd4">
24 <meta name="msapplication-TileImage" content="images/favicon/mstile-144x144.png">
25 <!-- For Windows Phone -->
26
27
28 <!-- CORE CSS-->
29
30 <link href="css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection">
31 <link href="css/style.min.css" type="text/css" rel="stylesheet" media="screen,projection">
32 <!-- Custome CSS-->
33 <link href="css/custom/custom.min.css" type="text/css" rel="stylesheet" media="screen,projection">
34 <link href="css/layouts/page-center.css" type="text/css" rel="stylesheet" media="screen,projection">
35
36 <link href="js/plugins/perfect-scrollbar/perfect-scrollbar.css" type="text/css" rel="stylesheet" media="screen,projection">
37
38 <style type="text/css">
39 .input-field div.error{
40 position: relative;
41 top: -1rem;
42 left: 0rem;
43 font-size: 0.8rem;
44 color:#FF4081;
45 -webkit-transform: translateY(0%);
46 -ms-transform: translateY(0%);
47 -o-transform: translateY(0%);
48 transform: translateY(0%);
49 }
50 .input-field label.active{
51 width:100%;
52 }
53 .left-alert input[type=text] + label:after,
54 .left-alert input[type=password] + label:after,
55 .left-alert input[type=email] + label:after,
56 .left-alert input[type=url] + label:after,
57 .left-alert input[type=time] + label:after,
58 .left-alert input[type=date] + label:after,
59 .left-alert input[type=datetime-local] + label:after,
60 .left-alert input[type=tel] + label:after,
61 .left-alert input[type=number] + label:after,
62 .left-alert input[type=search] + label:after,
63 .left-alert textarea.materialize-textarea + label:after{
64 left:0px;
65 }
66 .right-alert input[type=text] + label:after,
67 .right-alert input[type=password] + label:after,
68 .right-alert input[type=email] + label:after,
69 .right-alert input[type=url] + label:after,
70 .right-alert input[type=time] + label:after,
71 .right-alert input[type=date] + label:after,
72 .right-alert input[type=datetime-local] + label:after,
73 .right-alert input[type=tel] + label:after,
74 .right-alert input[type=number] + label:after,
75 .right-alert input[type=search] + label:after,
76 .right-alert textarea.materialize-textarea + label:after{
77 right:70px;
78 }
79 </style>
80 </head>
81
82 <body class="cyan">
83 <!-- Start Page Loading -->
84 <div id="loader-wrapper">
85 <div id="loader"></div>
86 <div class="loader-section section-left"></div>
87 <div class="loader-section section-right"></div>
88 </div>
89 <!-- End Page Loading -->
90
91
92
93 <div id="login-page" class="row">
94 <div class="col s12 z-depth-4 card-panel">
95 <form class="formValidate" id="formValidate" method="post" action="routers/register-router.php" novalidate="novalidate" class="col s12">
96 <div class="row">
97 <div class="input-field col s12 center">
98 <h4>Register</h4>
99 <p class="center">Join us now!</p>
100 </div>
101 </div>
102 <div class="row margin">
103 <div class="input-field col s12">
104 <i class="mdi-social-person-outline prefix"></i>
105 <input name="username" id="username" type="text" data-error=".errorTxt1">
106 <label for="username" class="center-align">Username</label>
107 <div class="errorTxt1"></div>
108 </div>
109 </div>
110 <div class="row margin">
111 <div class="input-field col s12">
112 <i class="mdi-social-person prefix"></i>
113 <input name="name" id="name" type="text" data-error=".errorTxt2">
114 <label for="name" class="center-align">Name</label>
115 <div class="errorTxt2"></div>
116 </div>
117 </div>
118 <div class="row margin">
119 <div class="input-field col s12">
120 <i class="mdi-action-lock-outline prefix"></i>
121 <input name="password" id="password" type="password" data-error=".errorTxt3">
122 <label for="password">Password</label>
123 <div class="errorTxt3"></div>
124 </div>
125 </div>
126 <div class="row margin">
127 <div class="input-field col s12">
128 <i class="mdi-communication-phone prefix"></i>
129 <input name="phone" id="phone" type="number" data-error=".errorTxt4">
130 <label for="phone">Phone</label>
131 <div class="errorTxt4"></div>
132 </div>
133 </div>
134 <div class="row">
135 <div class="input-field col s12">
136 <a href="javascript:void(0);" onclick="document.getElementById('formValidate').submit();" class="btn waves-effect waves-light col s12">Login</a>
137 </div>
138 <div class="input-field col s12">
139 <p class="margin center medium-small sign-up">Already have an account? <a href="login.php">Login</a></p>
140 </div>
141 </div>
142 </form>
143 </div>
144 </div>
145
146
147
148 <!-- ================================================
149 Scripts
150 ================================================ -->
151
152 <!-- jQuery Library -->
153 <script type="text/javascript" src="js/plugins/jquery-1.11.2.min.js"></script>
154 <!--materialize js-->
155 <script type="text/javascript" src="js/materialize.min.js"></script>
156 <!--scrollbar-->
157 <script type="text/javascript" src="js/plugins/perfect-scrollbar/perfect-scrollbar.min.js"></script>
158 <script type="text/javascript" src="js/plugins/jquery-validation/jquery.validate.min.js"></script>
159 <script type="text/javascript" src="js/plugins/jquery-validation/additional-methods.min.js"></script>
160
161 <!--plugins.js - Some Specific JS codes for Plugin Settings-->
162 <script type="text/javascript" src="js/plugins.min.js"></script>
163 <!--custom-script.js - Add your own theme custom JS-->
164 <script type="text/javascript" src="js/custom-script.js"></script>
165 <script type="text/javascript">
166 $("#formValidate").validate({
167 rules: {
168 username: {
169 required: true,
170 minlength: 5
171 },
172 name: {
173 required: true,
174 minlength: 5
175 },
176 password: {
177 required: true,
178 minlength: 5
179 },
180 phone: {
181 required: true,
182 minlength: 4
183 },
184 },
185 messages: {
186 username: {
187 required: "Enter username",
188 minlength: "Minimum 5 characters are required."
189 },
190 name: {
191 required: "Enter name",
192 minlength: "Minimum 5 characters are required."
193 },
194 password: {
195 required: "Enter password",
196 minlength: "Minimum 5 characters are required."
197 },
198 phone:{
199 required: "Specify contact number.",
200 minlength: "Minimum 4 characters are required."
201 },
202 },
203 errorElement : 'div',
204 errorPlacement: function(error, element) {
205 var placement = $(element).data('error');
206 if (placement) {
207 $(placement).append(error)
208 } else {
209 error.insertAfter(element);
210 }
211 }
212 });
213 </script>
214 </body>
215 </html>
216 <?php
217 }
218 ?>